<template>
    <div>
        <div class="flex" style="display: flex!important;align-items: center;">
            <!--<p style="flex-grow: 1;width: 1px;">当前状态: {{row.status}}</p>-->
            <p style="flex-grow: 1;width: 1px;">茬口: {{row.crops_rotation}}</p>
            <p style="flex-grow: 1;width: 1px;">种植作物: {{row.crop_name}}</p>
        </div>
        <div class="flex" style="display: flex!important;align-items: center;">
            <p style="flex-grow: 1;width: 1px;">起始时间: {{row.start_date}}</p>
            <p style="flex-grow: 1;width: 1px;">终止时间: {{row.end_date}}</p>
            <p style="flex-grow: 1;width: 1px;">计划产量(公斤): {{row.yield}}</p>
        </div>
        <div class="flex" style="display: flex!important;align-items: center;">
            <p style="flex-grow: 1;width: 1px;">计划介绍: {{row.intro}}</p>
            <p style="flex-grow: 1;width: 1px;">氮(公斤): {{row.N}}</p>
            <p style="flex-grow: 1;width: 1px;">磷(公斤): {{row.P}}</p>
        </div>
        <div class="flex" style="display: flex!important;align-items: center;">
            <p style="flex-grow: 1;width: 1px;">钾(公斤): {{row.K}}</p>
            <p style="flex-grow: 1;width: 1px;">有机肥(公斤): {{row.organic_fert}}</p>
            <p style="flex-grow: 1;width: 1px;">计划浇水量: {{row.water_amount}}</p>
        </div>
    </div>
</template>
<style scoped>
    .rowClass{
        margin-bottom: 5px;
    }
    .flex{
        display: flex!important;
        align-items: center;
    }
    .flex p{
        flex-grow: 1;
        width: 1px;
    }
</style>
<script>

    export default {
        props: {
            row: Object
        }
    }
</script>
